<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title></title>
    <#include "/inc/head.ftl"/>
    <@head/>
</head>

<body>
<div class="panel panel-default">
    <div class="panel-body">
        <div class="row">
            <div class="col-lg-12">
                <form id="form" action="${contextPath}/cart/assignSeat" type="form" method="post">
                    <div class="form-group">
                        <label>选择餐桌</label>
                        <select id="seat" name="seatId" class="form-control" autofocus>
                        </select>
                    </div>
                    <div align="right">
                        <button id="btn-submit" type="submit" class="btn btn-default">提交</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- /.panel-body -->
</div>
<!-- /.panel -->
<script>
    $(function() {
        $('form').validate({
            submitHandler: function(form) {
                $(form).ajaxSubmit(function(data) {
                    if (data.result) {
                        parent.layer.msg(data.msg, {
                            time: 1000,
                            icon: 1
                        });
                    } else {
                        parent.layer.msg(data.msg, {
                            time: 1000,
                            icon: 2
                        });
                    }
                    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                    parent.layer.close(index);
                });
            }
        });
        initSelector();
    });

    function initSelector() {
        var selector = $("#seat");
        selector.append("<option value='-1'>选择餐桌</option>");
    <#list seat as s> //freemarker遍历用法
        var seatNumber = "${s.seatNumber}";
        var id = "${s.id}";
        selector.append("<option value='" + id + "'>" + seatNumber + "</option>");
    </#list>
    }
</script>
</body>

</html>